<!DOCTYPE html>
<style>
  body {
    background: black;
    transform: scale(0.75);
    transform-origin: top left;
  }

  .scroller {
    position: relative;
    overflow: scroll;
    width: 150px;
    height: 150px;
    background: white local;
    will-change: transform;
  }

  .b {
    left: 1px;
    top: 10px;
  }

  .c {
    left: 2px;
    top: 20px;
  }

  .spacer {
    height: 400px;
  }
</style>
<div class="scroller"><div class="spacer"></div></div>
<div class="scroller b"><div class="spacer"></div></div>
<div class="scroller c"><div class="spacer"></div></div>
